/* Colours based on http://www.hypergurl.com/colormatch.php?color=BBCCCC */
/* Demo page styles */
body { background:#333; color:#efefef; font-family:georgia,palatino,"times new roman",serif; font-size:87.5%; line-height:1.5; padding:3em; }
h1, h2, h3 { color:#fff; font-weight:normal; margin:0 auto; }
h1 { font-size:2.57143em; line-height:1.167; }
h2 { font-size:1.5em; line-height:2; }
h3 { font-size:1.28571em; line-height:1.167; }
h4 { font-weight:bold; }
a { background:#98a6a6; color:#bcc; text-decoration:none; padding:0 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
a:visited { background:#758080; color:#ccc1bc; }
a:hover, a:focus, a:active { color:#fff; }
address, dl, ol, p, ul { margin-bottom:1.5em; }
b, strong { font-weight:bold; }
i, em { font-style:italic; }
cite { font-style:italic; }
fieldset { border:1px solid #98a6a6; margin-bottom:1.5em; padding:1.5em; }
  fieldset div { margin-bottom:1.5em }
label { border-bottom:1px solid #98a6a6; color:#333; display:block; font-weight:bold; margin-bottom:1.5em; }
legend { margin-bottom:0; }
p+ol, p+ul { margin-top:-.75em; }
ol+p, ul+p { margin-top:-.75em; }
ol,ul { margin-bottom:1.5em; margin-top:1.5em; padding-left:1.5em; }
ol { list-style-type:decimal; }
ul { list-style-type:square; }
  ol li,ul li { margin:0; padding:0; }
    ol li em, ul li em { color:#758080; }

/* About styles */
#about { background:#bcc; border:4px solid #fff; color:#333; margin:1.5em auto 3em auto; overflow:auto; padding:17px; width:918px; -moz-border-radius:10px; -webkit-border-radius:10px; }
  /*#about a:link {  }
  #about a:visited {  }
  #about a:hover, a:focus, a:active {  }*/
  #about h1, #about h2, #about h3 { width:auto; }
  #about img { background:#758080; border:4px solid #fff; float:right; margin-left:5px; padding:17px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.top-link { margin-bottom:3em; text-align:center; }

/* Layout overrides */
#bd { margin-bottom:0; }
#hd, #ft, #default { background:#a69b98; padding:21px; }
#ft { margin-bottom:0; }
.dc-container { background:#807775; color:#666; margin:3em auto; padding:21px; width:918px; }
  .dc-container a { background-color:#807775; }
.dc-div, .dc-sub { background:#ccc1bc; }
.dc-main .dc-div { background:#ccc1bc; }

/* Form styles */
#dc-code-output-display {
  min-height:200px; padding:10px; width:607px;
}


/* Numeric labels for columns */
.layout-1-2 .dc-main .dc-div,
.layout-2-1 .dc-main .dc-div,
.layout-3-1-2 .dc-main .dc-div .dc-main .dc-div,
.layout-2-1-3 .dc-main .dc-div .dc-main .dc-div,
.layout-1-2-3 .dc-main .dc-div .dc-main .dc-div,
.layout-3-2-1 .dc-main .dc-div .dc-main .dc-div { background-image:url(../img/numbers_1.png); background-position:50% 64px; background-repeat:no-repeat; }

.layout-1-2 .dc-sub,
.layout-2-1 .dc-sub,
.layout-3-1-2 .dc-main .dc-div .dc-sub,
.layout-2-1-3 .dc-main .dc-div .dc-sub,
.layout-1-2-3 .dc-main .dc-div .dc-sub,
.layout-3-2-1 .dc-main .dc-div .dc-sub { background-image:url(../img/numbers_2.png); background-position:50% 64px; background-repeat:no-repeat; }

.layout-3-1-2 .dc-sub,
.layout-2-1-3 .dc-sub,
.layout-1-2-3 .dc-sub,
.layout-3-2-1 .dc-sub { background-image:url(../img/numbers_3.png); background-position:50% 64px; background-repeat:no-repeat; }